<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<head>
  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
  <script charset="utf-8" type="text/javascript"
    src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>

<body>
  <div id="J_prismPlayer"></div>

  <script>
    var player = new Aliplayer({
      id: 'J_prismPlayer',
      width: '26%',
      autoplay: false,
      cover: 'https://ts1.cn.mm.bing.net/th/id/R-C.23b4cb73b726088b2cc35bc9354d79bb?rik=LGrrVwrToNoEag&riu=http%3a%2f%2fwww.pp3.cn%2fuploads%2f1304%2f15.jpg&ehk=RUGZ4Z%2fsVSgL8NiXK0zidwDtpm9MLdczDhVAoFqLewU%3d&risl=&pid=ImgRaw&r=0',
      //根据凭证
      encryoType: '1', //如果加密视1
      vid: 'ff2ddcc811dc441b8ea879fcdb6760cc',
      playauth: 'eyJTZWN1cml0eVRva2VuIjoiQ0FJU2h3TjFxNkZ0NUIyeWZTaklyNWJtQ05qY3ZLVkp4L1daY1hUTHRta0JaYzFabjYvUmlUejJJSDFFZm5sb0FPa2FzUHd6bFd0UjZmd2Vsck1xRTg0WkdoYWJQSm9ndjg0S29GUDlKcExGc3QySjZyOEpqc1ZKNElWUnlVYXBzdlhKYXNEVkVmbDJFNVhFTWlJUi8wMGU2TC8rY2lyWXBUWEhWYlNDbFo5Z2FQa09Rd0M4ZGtBb0xkeEtKd3hrMnQxNFVtWFdPYVNDUHdMU2htUEJMVXhtdldnR2wyUnp1NHV5M3ZPZDVoZlpwMXI4eE80YXhlTDBQb1AyVjgxbExacGxlc3FwM0k0U2M3YmFnaFpVNGdscjhxbHg3c3BCNVN5Vmt0eVdHVWhKL3phTElvaXQ3TnBqZmlCMGVvUUFQb3BGcC9YNmp2QWF3UExVbTliWXhncGhCOFIrWGo3RFpZYXV4N0d6ZW9XVE84MCthS3p3TmxuVXo5bUxMZU9WaVE0L1ptOEJQdzQ0RUxoSWFGMElVRXh6Rm1xQ2QvWDRvZ3lRTzE3eUdwTG9pdjltamNCSHFIeno1c2VQS2xTMVJMR1U3RDBWSUpkVWJUbHphazVNalRTNEsvTllLMUFkS0FvNFhlcVBNYXgzYlFGRHI1M3ZzVGJiWHpaYjBtcHR1UG56ZDFRSUNGZk1sRWVVR29BQnBpYjRkUzcwR2RRUGw3RVBVWFhDYjA0ajgrYWFCRnJlQVoyalpieHhWWnBYQWE5OUs0OEszVGVsNkVYTmFjZnYremNUWlZRV2pFY1ZHenUvcFh3TVhjUVJCa1VYRWwrbEM2Y0NiVU1DNEwxb2FxTHVEK29zTTZQWmxqdTBrbWhvNlVLZlUwM1BxSHhUU0c5N3lRWWZWUzhqdThJSkVJT2lsdlc5VXlZNDU4Zz0iLCJBdXRoSW5mbyI6IntcIkNJXCI6XCIzRmdyV1k3b3JpZ3JtMUxQa1lGczRwZjdjVTFjcmtyRHFMc05IdG50NlVzRTAzTGlmT3Z3eHRHVElTV0lodlNwXCIsXCJDYWxsZXJcIjpcIklrSFR1ZW8vM1huRVNtOXpEY09YS2Q5bk9GN0g1YnVXZUtBSlZ6TFl3azA9XCIsXCJFeHBpcmVUaW1lXCI6XCIyMDIyLTA4LTE2VDA1OjA2OjM1WlwiLFwiTWVkaWFJZFwiOlwiZmYyZGRjYzgxMWRjNDQxYjhlYTg3OWZjZGI2NzYwY2NcIixcIlNpZ25hdHVyZVwiOlwia21oUHZMNHVjaWUvdHhSOWFBYVJ3QVZRSXlrPVwifSIsIlZpZGVvTWV0YSI6eyJTdGF0dXMiOiJOb3JtYWwiLCJWaWRlb0lkIjoiZmYyZGRjYzgxMWRjNDQxYjhlYTg3OWZjZGI2NzYwY2MiLCJUaXRsZSI6IjIwMjItMDgtMDM6OjVkNWU4MjA5ZWVjMDRiYzBhOTc1MTZlNTQzMjcwZDQwLm1wNCIsIkNvdmVyVVJMIjoiaHR0cDovL291dGluLWEwZGQ5YjA3MGU3YTExZWQ4M2UyMDAxNjNlMDYxMjNjLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vZmYyZGRjYzgxMWRjNDQxYjhlYTg3OWZjZGI2NzYwY2Mvc25hcHNob3RzL2MxZWFiN2FjOWUwMzQzZjk4MDY3ZWI4ZGZkNzFiOGM3LTAwMDAxLmpwZz9FeHBpcmVzPTE2NjA2Mjk4OTUmT1NTQWNjZXNzS2V5SWQ9TFRBSTNEa3h0c2JVeU5ZViZTaWduYXR1cmU9TTRzaXZwYVlOZ21IdW5YJTJCUmZvektMRSUyRnJybyUzRCIsIkR1cmF0aW9uIjoxNi4yNzY3fSwiQWNjZXNzS2V5SWQiOiJTVFMuTlVTQ2JoUXpocDdyc1J6UmlUaUJ1cGp6ayIsIkFjY2Vzc0tleVNlY3JldCI6IkNUY2RnNjhXeWIzdERraVJwTlJBQ2Z3eU1NTmFDMmpxaUNGMnRjWGVWWG9yIiwiUmVnaW9uIjoiY24tc2hhbmdoYWkiLCJDdXN0b21lcklkIjoxMDk0NzI3OTk4OTI1OTg0fQ'
    }, function (player) {
      console.log('The player is created.')
    });

    // 也可以使用replayByMediaAuth函数切换不同的mediaAuth播放（前提是已经使用mediaAuth初始化播放器）。
    // player.replayByMediaAuth('another mediaAuth');
  </script>
</body>

</html>